<template>
	<view class="">
		<view class="row" style="flex-wrap: wrap;padding:15upx;">
			<view class="item-con" @tap="navTo(`/pages/details/goodDetails?id=${item.id}`)" v-for="(item,index) in list" :key="index">
				<image :src="item.icon" mode="" class="item-g"></image>
				<view class="item-info">
					<view class="clamp item-title">{{item.name}}</view>
					<view class="item-price row between"> <text>积分:{{item.price}}</text>   <text>{{item.count}}人已兑</text></view>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
export default {
	props: {
		list: Array
	}
};
</script>

<style scoped lang="scss">
.item-con {
	width: 350upx;
	position: relative;
	margin-bottom: 20upx;
	border-radius:20upx;
	margin-right: 20upx;
	position: relative;
	background: #FFFFFF;
	border: 6upx solid #84BED7;
	overflow: hidden;
}
.item-con:nth-child(2n){
	margin-right: 0;
}
.item-title {
	font-size:28upx;
	font-family: PingFang SC;
	font-weight: 500;
	color: #000000;
	line-height: 44upx;
}
.item-price {
	text{
		color: #666666;
		font-size: 24upx;
	}
}
.item-g {
	width: 100%;
	height: 300upx;
}
.item-info{
	padding:20rpx;
}
.c-icon{
	width: 62upx;
	height: 62upx;
}
.item-cart{
	position: absolute;
	right: 20upx;
	bottom: 10upx;
}
</style>
